<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <title>集团商家端管理-首页</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <!--以显示网页的屏幕宽度定义了视窗宽度。网页的比例和最大比例被设置为100%-->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="asset/plugins/weui/css/weui.min.css">
    <link rel="stylesheet" href="asset/plugins/jquery-weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="asset/plugins/iconfont/iconfont.css">
    <!--<link rel="stylesheet" href="asset/plugins/fooTable-2/css/bootstrap.min.css">-->
    <link rel="stylesheet" href="asset/plugins/fooTable-3/footable.bootstrap.min.css">

    <link rel="stylesheet" href="asset/css/p-business-otherPage.css">
    <link rel="stylesheet" href="asset/css/p-table.css">
</head>
<body>


<div class="weui-tab">
    <div class="weui-tab__bd">
        <!--tab1 start-->
        <article id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
            <header class="m-tab-header m-tab-header--index g-mb--10">
                <h2 class="m-tab-header_title">管理员账户：<span>13754397764</span></h2>
                <a href="/shopAdmin/login" class="weui-btn weui-btn_mini weui-btn_turquoise p-btn-login">退出</a>
            </header>
            <div class="p-tab-banner g-mb--5">
                <img src="asset/images/banner/raw_1507879710.gif" alt="">
            </div>
            <div class="m-nav--main">
                <div class="weui-flex">
                    <div class="weui-flex__item">
                        <a href="merchant-index_shopManage.html" class="m-nav-btn p-shop-bg"
                           style="background-image:url('asset/images/banner/sucai2.jpg');">
                            <div class="m-nav__title-wrap"><p class="m-nav__title">佳缘足浴连锁袍江店</p>
                                                        <p class="m-nav__title_side">绍兴越城区袍江新区华欣打赏12层</p></div>
                        </a>
                    </div>
                    <div class="weui-flex__item">
                        <a href="merchant-index_shopManage.html" class="m-nav-btn p-shop-bg"
                           style="background-image:url('asset/images/banner/sucai2.jpg');">
                            <div class="m-nav__title-wrap"><p class="m-nav__title">佳缘足浴连锁袍江店</p>
                                <p class="m-nav__title_side">绍兴越城区袍江新区华欣打赏12层</p></div>
                        </a>
                    </div>
                </div>




            </div>
            <h3 class="g-ta--c g-mb--10" style="color:#009999;">客服热线：400-118-9695</h3>
        </article>
        <!--tab1 end-->
        <!--tab2 start-->
        <article id="tab2" class="weui-tab__bd-item">
            <header class="m-tab-header g-mb--10">
                <h2 class="m-tab-header_title">打赏流水</h2>
            </header>
            <div class="ibox float-e-margins">
                <header class="ibox-title">
                    <h5>打赏流水</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link" href="#">
                            <i class="iconfont icon-unfold"></i>
                        </a>
                    </div>
                </header>

                <div class="ibox-content">
                    <table class="footable table table-bordered">
                        <thead>
                        <tr>
                            <th data-breakpoints="xs">员工工号</th>
                            <th data-breakpoints="xs">员工姓名</th>
                            <th data-breakpoints="xs">订单编号</th>
                            <th>打赏金额（元）</th>
                            <th>员工分成（元）</th>
                            <th>商家分成（元）</th>
                            <th data-breakpoints="xs">打赏日期</th>
                            <th data-breakpoints="xs">打赏人信息</th>
                        </tr>
                        </thead>
                        <tbody>
                        <?php if(!empty($orderList)): foreach($orderList as $order):?>
                        <tr>
                            <td><?php echo $order['number']?></td>
                            <td><div class="m-avatar m-avatar-sm"><img class="img-rounded" src="<?php echo image_processor($order['technician_avatar'])?>" alt=""></div> <?php echo $order['technician_name']?></td>
                            <td><?php echo $order['order_sn']?></td>
                            <td><?php echo $order['total_fee']?></td>
                            <td><?php echo $order['technician_earn']?></td>
                            <td><?php echo $order['manager_earn']?></td>
                            <td><?php echo date('Y-m-d H:i:s', $order['created_time'])?></td>
                            <td><div class="m-avatar m-avatar-sm g-mr--5"><img class="img-circle" src="<?php echo image_processor($order['avatar']) ?>" alt=""></div><?php echo $order['nickname']?></td>
                        </tr>
                        <?php endforeach;endif;?>
                        </tbody>
                    </table>
                    <nav id="pagination_container" class="g-ta--c">

                    </nav>
                </div>
            </div>

        </article>
        <!--tab2 end-->
        <!--tab3 start-->
        <article id="tab3" class="weui-tab__bd-item">
            <header class="m-tab-header g-mb--10">
                <h2 class="m-tab-header_title">打赏统计</h2>
            </header>
            <!--<div class="weui-cells__title">带图标、说明、跳转的列表项</div>-->
            <div class="ibox float-e-margins">
                <header class="ibox-title">
                    <h5>打赏统计</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link" href="#">
                            <i class="iconfont icon-unfold"></i>
                        </a>
                    </div>
                </header>

                <div class="ibox-content">
                    <table class="footable table table-bordered">
                        <thead>
                        <tr>
                            <th>员工姓名</th>
                            <th data-breakpoints="xs">员工工号</th>
                            <th data-breakpoints="xs">总打赏次数</th>
                            <th>总打赏金额（元）</th>
                            <th data-breakpoints="xs">员工分成（元）</th>
                            <th>商家分成（元）</th>
                        </tr>
                        </thead>
                        <tbody>
                        <?php if(!empty($orderStatsList)): foreach($orderStatsList as $orderStats):?>
                        <tr>
                            <td><?php echo $orderStats['name']?></td>
                            <td><?php echo $orderStats['number']?></td>
                            <td><?php echo $orderStats['reward_num']?></td>
                            <td><?php echo ($orderStats['total_fee_sum'] ? $orderStats['total_fee_sum'] : '0.00')?></td>
                            <td><?php echo ($orderStats['manager_total_fee_sum'] ? $orderStats['manager_total_fee_sum'] : '0.00')?></td>
                            <td><?php echo ($orderStats['technician_total_fee_sum'] ? $orderStats['technician_total_fee_sum'] : '0.00')?></td>
                        </tr>
                        <?php endforeach;endif;?>
                        </tbody>
                    </table>
                    <nav id="pagination_container" class="g-ta--c">
                    </nav>
                </div>
            </div>
        </article>
        <!--tab3 end-->
    </div>
    <div class="weui-tabbar">
        <a href="#tab1" class="weui-tabbar__item weui-bar__item--on">
            <div class="weui-tabbar__icon">
                <i class="iconfont icon-manage"></i>
                <span class="weui-badge weui-badge_dot" style=""></span>
            </div>
            <p class="weui-tabbar__label">店铺管理</p>
        </a>
        <a href="#tab2" class="weui-tabbar__item">
            <div class="weui-tabbar__icon"><i class="iconfont icon-redpacket"></i></div>
            <p class="weui-tabbar__label">打赏流水</p>
        </a>
        <!--<a href="#tab2" class="weui-tabbar__item js-btn-footable">
            <div class="weui-tabbar__icon"><i class="iconfont icon-createtask"></i></div>
            <p class="weui-tabbar__label">图表查看</p>
        </a>-->
        <a href="#tab3" class="weui-tabbar__item">
            <span class="weui-tabbar__icon"><i class="iconfont icon-createtask"></i></span>
            <p class="weui-tabbar__label">打赏统计</p>
        </a>
    </div>
</div>
<script type="text/javascript" src="asset/plugins/jquery/jquery-2.1.4.js"></script>
<script type="text/javascript" src="asset/plugins/jquery-weui/js/jquery-weui.min.js"></script>
<script src="asset/plugins/fooTable-3/footable.min.js"></script>
<!--<script src="asset/plugins/sortableJs/Sortable.min.js"></script>-->
<script src="asset/js/m-inputs.js?rev=@@hash"></script>
<!--<script src="asset/js/p-business-index.js?rev=@@hash"></script>-->
<script>
    $(function () {
        $('.footable').footable();
    });
</script>
</body>
</html>